<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet/less" href="css/base.less">
    <link rel="stylesheet/less" href="css/gsproduct.less">
    <script src="js/less.js"></script>
</head>

<body>
    <!-- 头部区域 -->
    <header id="header">
        <h4>凑单品</h4>
    </header>
    <main class="gs-product">
        <div class="list">
            <div class="hd">
                <div class="filter">
                     <ul>
                        <li class="on"><a href="javascript:;">京东<i></i></a></li>
                        <li class=""><a href="javascript:;">华北<i></i></a></li>
                        <li class=""><a href="javascript:;">1元<i></i></a></li>
                    </ul>
                </div>
                <div class="search"> <i class="icon-search"></i></div>
                <!--各种下拉-->
                <div class="popsort popbox" id="shop">
                    <!-- <ul>
                        <li class="on"><a href="javascript:GetRequest('site', 1);">京东</a></li>
                        <li><a href="javascript:GetRequest('site', 13);">一号店</a></li>
                        <li><a href="javascript:GetRequest('site', 190);">天猫超市</a></li>
                    </ul> -->
                </div>
                <div class="popcat popbox" id="area">
                    <!-- <ul>
                        <li class="on"><a href="javascript:GetRequest('area', 1)">华北（北京、山西等）</a></li>
                        <li><a href="javascript:GetRequest('area', 2)">华东（山东、浙江等）</a></li>
                        <li><a href="javascript:GetRequest('area', 3)">华南（广东、广西等）</a></li>
                        <li><a href="javascript:GetRequest('area', 4)">华中（湖北、河南等）</a></li>
                        <li><a href="javascript:GetRequest('area', 5)">西南（四川、云南等）</a></li>
                        <li><a href="javascript:GetRequest('area', 6)">东北（辽宁、吉林等）</a></li>
                        <li><a href="javascript:GetRequest('area',7)">西北（宁夏、新疆等）</a></li>
                    </ul> -->
                </div>
                <div class="popprice popbox" id="price">
                    <ul>
                        <li class="on"><a href="javascript:GetRequest('areaMoney', 0);">全部价格</a></li>
                    </ul>
                </div>
            </div>
            <div class="bd gs-product-list">
            </div>
        </div>
    </main>
    <!-- 底部区域 -->
   <!--  <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#"><img src="http://www.zuyushop.com/wap/images/top.jpg" alt="">返回顶部</a>
            </div>
        </div>
        <p> <a href="#">手机APP下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer> -->
    <script type="text/html" id="shopTmp">
        <ul>
            {{each result as value i}}
            <li class=""><a href="#" data-shopid="{{value.shopId}}">{{value.shopName}}</a></li>
            {{/each}}
        </ul>
    </script>
    <script type="text/html" id="areaTmp">
        <ul>
            {{each result as value i}}
            <li class=""><a href="#" data-areaid="{{value.areaId}}">{{value.areaName}}</a></li>
            {{/each}}
        </ul>
    </script>
    <script type="text/html" id="productTmp">
        <ul class="masonry" id="container">
            {{each result as value i}}
                <li>
                <a href="http://item.m.jd.com/ware/view.action?wareId=1274360" class="item border-img">
                    <div class="pic"><img src="{{value.productImg}}" style="width: 174px; height: 174px;"></div>
                    <div class="title">{{value.productName}}</div>
                    <div class="other">
                        <div class="price">{{value.productPrice}}</div>
                        <div class="btn">去凑单</div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </li>
            {{/each}}
        </ul>
    </script>
    <!--    <script id="filter" type="text/html">
        <ul>
            {{each result as value i}}
            <li class="on"><a href="javascript:SelectShow('{{value.selectName}}')" data-id="0" class="{{value.selectName}}">{{value.selected}}<i></i></a></li>
            {{/each}}
        </ul>
    </script> -->
    <!--   <script id="gsShop" type="text/html">
        <ul>
            {{each result as value i}}
            <li class=""><a href="javascript:GetShopProduct('shopid', {{value.shopId}},'{{value.shopName}}');" data-shopid="{{value.shopId}}">{{value.shopName}}</a></li>
            {{/each}}
        </ul>
    </script>
    <script id="gsArea" type="text/html">
        <ul>
            {{each result as value i}}
            <li class=""><a href="javascript:GetAreaProduct('areaid', {{value.areaId}},'{{value.areaName.split('（')[0]}}')" data-areaid={{value.areaId}}>{{value.areaName}}</a></li>
            {{/each}}
        </ul>
    </script>
    <script id="gsProductList" type="text/html">
        <ul id="container" class="masonry" style="position: relative; height: 0px;">
            {{each result as value i}}
            <li>
                <a href="http://item.m.jd.com/ware/view.action?wareId=1274360" class="item border-img">
                    <div class="pic"><img src="{{value.productImg}}" style="width: 174px; height: 174px;"></div>
                    <div class="title">{{value.productName}}</div>
                    <div class="other">
                        <div class="price">{{value.productPrice}}</div>
                        <div class="btn">去凑单</div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </li>
            {{/each}}
        </ul>
        <div class="clearfix"></div>
    </script> -->
    <script src="js/template.js"></script>
    <script src="lib/jquery/jquery.js"></script>
    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <script>
    (function($) {
        $.getUrlParam = function(name) {
            var reg = new RegExp("(^|&)" +
                name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
    })(jQuery);
    </script>
    <script src="js/gsproduct.js"></script>
</body>

</html>
